<!DOCTYPE html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Wowy - HTML eCommerce + Admin Template</title>
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta property="og:title" content="" />
    <meta property="og:type" content="" />
    <meta property="og:url" content="" />
    <meta property="og:image" content="" />
    <!-- Favicon -->
    <link
      rel="shortcut icon"
      type="image/x-icon"
      href="/static/imgs/theme/favico.svg"
    />
    <!-- Template CSS -->
    <link rel="stylesheet" href="/static/css/main.css?v=5.4" />
  </head>

  <body>
    <header class="header-area header-height-2">
      <div class="header-top header-top-ptb-1 d-none d-lg-block">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-xl-3 col-lg-4">
              <div class="header-info">
                <ul>
                  <li><a href="#">(+01) - 2345 - 6789</a></li>
                  <li>
                    <i class="fa fa-map-marker-alt mr-5"></i
                    ><a target="_blank" href="page-location.html"
                      >Our location</a
                    >
                  </li>
                </ul>
              </div>
            </div>
            <div class="col-xl-6 col-lg-4">
              <div class="text-center">
                <div id="news-flash" class="d-inline-block">
                  <ul>
                    <li>
                      <i class="fa fa-angle-double-right mr-5"></i> Get great
                      devices up to 50% off
                      <a class="active" href="/shop/right"
                        >View details</a
                      >
                    </li>
                    <li>
                      <i class="fa fa-asterisk mr-5"></i
                      ><b class="text-danger">Supper Value Deals</b> - Save more
                      with coupons
                    </li>
                    <li>
                      <i class="fa fa-bell mr-5"></i>
                      <b class="text-success"> Trendy 25</b> silver jewelry,
                      save up 35% off today
                      <a href="/shop/right">Shop now</a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="col-xl-3 col-lg-4">
              <div class="header-info header-info-right">
                <ul>
                  <li>
                    <a class="language-dropdown-active" href="#">
                      <i class="fa fa-globe-americas"></i> English
                      <i class="fa fa-chevron-down"></i
                    ></a>
                    <ul class="language-dropdown">
                      <li><a href="#">Français</a></li>
                      <li><a href="#">Deutsch</a></li>
                      <li><a href="#">РУССКИЙ</a></li>
                    </ul>
                  </li>
                  <li>
                    <a href="/auth">Log In / Sign Up</a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="header-middle header-middle-ptb-1 d-none d-lg-block">
        <div class="container">
          <div class="header-wrap header-space-between">
            <div class="logo logo-width-1">
              <a href="/"
                ><img src="/static/imgs/theme/logo-default.png" alt="logo"
              /></a>
            </div>
            <div class="search-style-2">
              <form action="#">
                <select class="select-active">
                  <option>All Categories</option>
                  <option>Women's Clothing</option>
                  <option>Men's Clothing</option>
                  <option>Cellphones</option>
                  <option>Computer & Office</option>
                  <option>Consumer Electronics</option>
                  <option>Jewelry & Accessories</option>
                  <option>Home & Garden</option>
                  <option>Luggage & Bags</option>
                  <option>Shoes</option>
                  <option>Mother & Kids</option>
                </select>
                <input type="text" placeholder="Search for items…" />
                <button type="submit"><i class="far fa-search"></i></button>
              </form>
            </div>
            <div class="header-action-right">
              <div class="header-action-2">
                <div class="header-action-icon-2">
                  <a href="/wishlist">
                    <img
                      class="svgInject"
                      alt="wowy"
                      src="/static/imgs/theme/icons/icon-heart.svg"
                    />
                    <span class="pro-count blue">4</span>
                  </a>
                </div>
                <div class="header-action-icon-2">
                  <a class="mini-cart-icon" href="/cart">
                    <img
                      alt="wowy"
                      src="/static/imgs/theme/icons/icon-cart.svg"
                    />
                    <span class="pro-count blue">2</span>
                  </a>
                  <div class="cart-dropdown-wrap cart-dropdown-hm2">
                    <ul>
                      <li>
                        <div class="shopping-cart-img">
                          <a href="/product/right"
                            ><img
                              alt="wowy"
                              src="/static/imgs/shop/thumbnail-3.jpg"
                          /></a>
                        </div>
                        <div class="shopping-cart-title">
                          <h4>
                            <a href="/product/right"
                              >Apple Watch Serial 7</a
                            >
                          </h4>
                          <h3><span>1 × </span>$800.00</h3>
                        </div>
                        <div class="shopping-cart-delete">
                          <a href="#"><i class="far fa-times"></i></a>
                        </div>
                      </li>
                      <li>
                        <div class="shopping-cart-img">
                          <a href="/product/right"
                            ><img
                              alt="wowy"
                              src="/static/imgs/shop/thumbnail-1.jpg"
                          /></a>
                        </div>
                        <div class="shopping-cart-title">
                          <h4>
                            <a href="/product/right"
                              >Macbook Pro 2022</a
                            >
                          </h4>
                          <h3><span>1 × </span>$3200.00</h3>
                        </div>
                        <div class="shopping-cart-delete">
                          <a href="#"><i class="far fa-times"></i></a>
                        </div>
                      </li>
                    </ul>
                    <div class="shopping-cart-footer">
                      <div class="shopping-cart-total">
                        <h4>Total <span>$4000.00</span></h4>
                      </div>
                      <div class="shopping-cart-button">
                        <a href="/cart">View cart</a>
                        <a href="/checkout">Checkout</a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="header-action-icon-2">
                  <a href="/auth">
                    <img
                      alt="wowy"
                      src="/static/imgs/theme/icons/icon-user.svg"
                    />
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="header-bottom header-bottom-bg-color sticky-bar gray-bg sticky-blue-bg"
      >
        <div class="container">
          <div class="header-wrap header-space-between position-relative">
            <div class="logo logo-width-1 d-block d-lg-none">
              <a href="/"
                ><img src="/static/imgs/theme/logo-white.png" alt="logo"
              /></a>
            </div>
            <div class="main-categori-wrap d-none d-lg-block">
              <a class="categori-button-active" href="#">
                <span class="fa fa-list"></span> Browse Categories
                <i class="down far fa-chevron-down"></i>
                <i class="up far fa-chevron-up"></i>
              </a>
              <div
                class="categori-dropdown-wrap categori-dropdown-active-large"
              >
                <ul>
                  <li class="has-children">
                    <a href="/shop/right"
                      ><i class="wowy-font-dress"></i>Women's Clothing</a
                    >
                    <div class="dropdown-menu">
                      <ul class="mega-menu d-lg-flex">
                        <li class="mega-menu-col col-lg-7">
                          <ul class="d-lg-flex">
                            <li class="mega-menu-col col-lg-6">
                              <ul>
                                <li>
                                  <span class="submenu-title"
                                    >Hot & Trending</span
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Dresses</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Blouses & Shirts</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Hoodies & Sweatshirts</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Women's Sets</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Suits & Blazers</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Bodysuits</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Tanks & Camis</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Coats & Jackets</a
                                  >
                                </li>
                              </ul>
                            </li>
                            <li class="mega-menu-col col-lg-6">
                              <ul>
                                <li>
                                  <span class="submenu-title">Bottoms</span>
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Leggings</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Skirts</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Shorts</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Jeans</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Pants & Capris</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Bikini Sets</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Cover-Ups</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Swimwear</a
                                  >
                                </li>
                              </ul>
                            </li>
                          </ul>
                        </li>
                        <li class="mega-menu-col col-lg-5">
                          <div class="header-banner2">
                            <img
                              src="/static/imgs/banner/menu-banner-2.jpg"
                              alt="menu_banner1"
                            />
                            <div class="banne_info">
                              <h6>10% Off</h6>
                              <h4>New Arrival</h4>
                              <a href="#">Shop now</a>
                            </div>
                          </div>
                          <div class="header-banner2">
                            <img
                              src="/static/imgs/banner/menu-banner-3.jpg"
                              alt="menu_banner2"
                            />
                            <div class="banne_info">
                              <h6>15% Off</h6>
                              <h4>Hot Deals</h4>
                              <a href="#">Shop now</a>
                            </div>
                          </div>
                        </li>
                      </ul>
                    </div>
                  </li>
                  <li class="has-children">
                    <a href="/shop/right"
                      ><i class="wowy-font-tshirt"></i>Men's Clothing</a
                    >
                    <div class="dropdown-menu">
                      <ul class="mega-menu d-lg-flex">
                        <li class="mega-menu-col col-lg-7">
                          <ul class="d-lg-flex">
                            <li class="mega-menu-col col-lg-6">
                              <ul>
                                <li>
                                  <span class="submenu-title"
                                    >Jackets & Coats</span
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Down Jackets</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Jackets</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Parkas</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Faux Leather Coats</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Trench</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Wool & Blends</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Vests & Waistcoats</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Leather Coats</a
                                  >
                                </li>
                              </ul>
                            </li>
                            <li class="mega-menu-col col-lg-6">
                              <ul>
                                <li>
                                  <span class="submenu-title"
                                    >Suits & Blazers</span
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Blazers</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Suit Jackets</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Suit Pants</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Suits</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Vests</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Tailor-made Suits</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Cover-Ups</a
                                  >
                                </li>
                              </ul>
                            </li>
                          </ul>
                        </li>
                        <li class="mega-menu-col col-lg-5">
                          <div class="header-banner2">
                            <img
                              src="/static/imgs/banner/menu-banner-4.jpg"
                              alt="menu_banner1"
                            />
                            <div class="banne_info">
                              <h6>10% Off</h6>
                              <h4>New Arrival</h4>
                              <a href="#">Shop now</a>
                            </div>
                          </div>
                        </li>
                      </ul>
                    </div>
                  </li>
                  <li class="has-children">
                    <a href="/shop/right"
                      ><i class="wowy-font-smartphone"></i> Cellphones</a
                    >
                    <div class="dropdown-menu">
                      <ul class="mega-menu d-lg-flex">
                        <li class="mega-menu-col col-lg-7">
                          <ul class="d-lg-flex">
                            <li class="mega-menu-col col-lg-6">
                              <ul>
                                <li>
                                  <span class="submenu-title"
                                    >Hot & Trending</span
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Cellphones</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >iPhones</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Refurbished Phones</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Mobile Phone</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Mobile Phone Parts</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Phone Bags & Cases</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Communication Equipments</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Walkie Talkie</a
                                  >
                                </li>
                              </ul>
                            </li>
                            <li class="mega-menu-col col-lg-6">
                              <ul>
                                <li>
                                  <span class="submenu-title">Accessories</span>
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Screen Protectors</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Wire Chargers</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Wireless Chargers</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Car Chargers</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Power Bank</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Armbands</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Dust Plug</a
                                  >
                                </li>
                                <li>
                                  <a
                                    class="dropdown-item nav-link nav_item"
                                    href="#"
                                    >Signal Boosters</a
                                  >
                                </li>
                              </ul>
                            </li>
                          </ul>
                        </li>
                        <li class="mega-menu-col col-lg-5">
                          <div class="header-banner2">
                            <img
                              src="/static/imgs/banner/menu-banner-5.jpg"
                              alt="menu_banner1"
                            />
                            <div class="banne_info">
                              <h6>10% Off</h6>
                              <h4>New Arrival</h4>
                              <a href="#">Shop now</a>
                            </div>
                          </div>
                          <div class="header-banner2">
                            <img
                              src="/static/imgs/banner/menu-banner-6.jpg"
                              alt="menu_banner2"
                            />
                            <div class="banne_info">
                              <h6>15% Off</h6>
                              <h4>Hot Deals</h4>
                              <a href="#">Shop now</a>
                            </div>
                          </div>
                        </li>
                      </ul>
                    </div>
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-desktop"></i>Computer & Office</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-cpu"></i>Consumer Electronics</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-diamond"></i>Jewelry & Accessories</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-home"></i>Home & Garden</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-high-heels"></i>Shoes</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-teddy-bear"></i>Mother & Kids</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-kite"></i>Outdoor fun</a
                    >
                  </li>
                  <li>
                    <ul class="more_slide_open" style="display: none">
                      <li>
                        <a href="/shop/right"
                          ><i class="wowy-font-desktop"></i>Beauty, Health</a
                        >
                      </li>
                      <li>
                        <a href="/shop/right"
                          ><i class="wowy-font-cpu"></i>Bags and Shoes</a
                        >
                      </li>
                      <li>
                        <a href="/shop/right"
                          ><i class="wowy-font-diamond"></i>Consumer
                          Electronics</a
                        >
                      </li>
                      <li>
                        <a href="/shop/right"
                          ><i class="wowy-font-home"></i>Automobiles &
                          Motorcycles</a
                        >
                      </li>
                    </ul>
                  </li>
                </ul>
                <div class="more_categories">Show more...</div>
              </div>
            </div>
            <div
              class="main-menu main-menu-padding-1 main-menu-lh-2 d-none d-lg-block main-menu-light-white hover-boder hover-boder-white"
            >
              <nav>
                <ul>
                  <li>
                    <a class="active" href="/"
                      >Home <i class="fa fa-chevron-down"></i
                    ></a>
                    <ul class="sub-menu">
                      <li><a href="/">Home 1</a></li>
                      <li><a href="index-2.html">Home 2</a></li>
                      <li><a href="index-3.html">Home 3</a></li>
                      <li><a href="index-4.html">Home 4</a></li>
                    </ul>
                  </li>
                  <li>
                    <a href="/about">About</a>
                  </li>
                  <li>
                    <a href="/shop/right"
                      >Shop <i class="fa fa-chevron-down"></i
                    ></a>
                    <ul class="sub-menu">
                      <li>
                        <a href="/shop/right"
                          >Shop Grid – Right Sidebar</a
                        >
                      </li>
                      <li>
                        <a href="/shop/left">Shop Grid – Left Sidebar</a>
                      </li>
                      <li>
                        <a href="/shop/listRight"
                          >Shop List – Right Sidebar</a
                        >
                      </li>
                      <li>
                        <a href="/shop/listLeft"
                          >Shop List – Left Sidebar</a
                        >
                      </li>
                      <li><a href="/shop">Shop - Wide</a></li>
                      <li>
                        <a href="#"
                          >Single Product <i class="fa fa-chevron-right"></i
                        ></a>
                        <ul class="level-menu">
                          <li>
                            <a href="/product/right"
                              >Product – Right Sidebar</a
                            >
                          </li>
                          <li>
                            <a href="/product/left"
                              >Product – Left Sidebar</a
                            >
                          </li>
                          <li>
                            <a href="/product"
                              >Product – No sidebar</a
                            >
                          </li>
                        </ul>
                      </li>
                      <li><a href="/filter">Shop – Filter</a></li>
                      <li><a href="/wishlist">Shop – Wishlist</a></li>
                      <li><a href="/cart">Shop – Cart</a></li>
                      <li><a href="/checkout">Shop – Checkout</a></li>
                      <li><a href="/compare">Shop – Compare</a></li>
                    </ul>
                  </li>
                  <li class="position-static">
                    <a href="#">Mega menu <i class="fa fa-chevron-down"></i></a>
                    <ul class="mega-menu">
                      <li class="sub-mega-menu sub-mega-menu-width-22">
                        <a class="menu-title" href="#">Women's Fashion</a>
                        <ul>
                          <li><a href="/product/right">Dresses</a></li>
                          <li>
                            <a href="/product/right"
                              >Blouses & Shirts</a
                            >
                          </li>
                          <li>
                            <a href="/product/right"
                              >Hoodies & Sweatshirts</a
                            >
                          </li>
                          <li>
                            <a href="/product/right"
                              >Wedding Dresses</a
                            >
                          </li>
                          <li>
                            <a href="/product/right">Prom Dresses</a>
                          </li>
                          <li>
                            <a href="/product/right"
                              >Cosplay Costumes</a
                            >
                          </li>
                        </ul>
                      </li>
                      <li class="sub-mega-menu sub-mega-menu-width-22">
                        <a class="menu-title" href="#">Men's Fashion</a>
                        <ul>
                          <li><a href="/product/right">Jackets</a></li>
                          <li>
                            <a href="/product/right"
                              >Casual Faux Leather</a
                            >
                          </li>
                          <li>
                            <a href="/product/right"
                              >Genuine Leather</a
                            >
                          </li>
                          <li>
                            <a href="/product/right">Casual Pants</a>
                          </li>
                          <li>
                            <a href="/product/right">Sweatpants</a>
                          </li>
                          <li>
                            <a href="/product/right">Harem Pants</a>
                          </li>
                        </ul>
                      </li>
                      <li class="sub-mega-menu sub-mega-menu-width-22">
                        <a class="menu-title" href="#">Technology</a>
                        <ul>
                          <li>
                            <a href="/product/right">Gaming Laptops</a>
                          </li>
                          <li>
                            <a href="/product/right"
                              >Ultraslim Laptops</a
                            >
                          </li>
                          <li><a href="/product/right">Tablets</a></li>
                          <li>
                            <a href="/product/right"
                              >Laptop Accessories</a
                            >
                          </li>
                          <li>
                            <a href="/product/right"
                              >Tablet Accessories</a
                            >
                          </li>
                        </ul>
                      </li>
                      <li class="sub-mega-menu sub-mega-menu-width-34">
                        <div class="menu-banner-wrap">
                          <a href="/product/right"
                            ><img
                              src="/static/imgs/banner/menu-banner.jpg"
                              alt="wowy"
                          /></a>
                          <div class="menu-banner-content">
                            <h4>Hot deals</h4>
                            <h3>
                              Don't miss<br />
                              Trending
                            </h3>
                            <div class="menu-banner-price">
                              <span class="new-price text-success"
                                >Save to 50%</span
                              >
                            </div>
                            <div class="menu-banner-btn">
                              <a href="/product/right">Shop now</a>
                            </div>
                          </div>
                          <div class="menu-banner-discount">
                            <h3>
                              <span>35%</span>
                              off
                            </h3>
                          </div>
                        </div>
                      </li>
                    </ul>
                  </li>
                  <li>
                    <a href="/blog/grid"
                      >Blog <i class="fa fa-chevron-down"></i
                    ></a>
                    <ul class="sub-menu">
                      <li>
                        <a href="/blog/grid">Blog Category Grid</a>
                      </li>
                      <li>
                        <a href="/blog/list">Blog Category List</a>
                      </li>
                      <li>
                        <a href="/blog/big">Blog Category Big</a>
                      </li>
                      <li>
                        <a href="/category"
                          >Blog Category Wide</a
                        >
                      </li>
                      <li>
                        <a href="#"
                          >Single Post <i class="fa fa-chevron-right"></i
                        ></a>
                        <ul class="level-menu level-menu-modify">
                          <li>
                            <a href="/post/left">Left Sidebar</a>
                          </li>
                          <li>
                            <a href="/post/right">Right Sidebar</a>
                          </li>
                          <li>
                            <a href="/post">No Sidebar</a>
                          </li>
                        </ul>
                      </li>
                    </ul>
                  </li>
                  <li>
                    <a href="#">Pages <i class="fa fa-chevron-down"></i></a>
                    <ul class="sub-menu">
                      <li><a href="/about">About Us</a></li>
                      <li><a href="/contact">Contact</a></li>
                      <li><a href="/account">My Account</a></li>
                      <li>
                        <a href="/auth">login/register</a>
                      </li>
                      <li>
                        <a href="/purchaseGuide">Purchase Guide</a>
                      </li>
                      <li>
                        <a href="/privacyPolicy">Privacy Policy</a>
                      </li>
                      <li><a href="/terms">Terms of Service</a></li>
                      <li><a href="/error">404 Page</a></li>
                    </ul>
                  </li>
                  <li>
                    <a href="/contact">Contact</a>
                  </li>
                </ul>
              </nav>
            </div>
            <div class="hotline d-none d-lg-block">
              <p>
                <i class="fa fa-phone-alt"></i><span>Hotline</span> 1900 - 888
              </p>
            </div>
            <div class="header-action-right d-block d-lg-none">
              <div class="header-action-2">
                <div class="header-action-icon-2">
                  <a href="/wishlist">
                    <img
                      alt="wowy"
                      src="/static/imgs/theme/icons/icon-heart-white.svg"
                    />
                    <span class="pro-count white">4</span>
                  </a>
                </div>
                <div class="header-action-icon-2">
                  <a class="mini-cart-icon" href="/cart">
                    <img
                      alt="wowy"
                      src="/static/imgs/theme/icons/icon-cart-white.svg"
                    />
                    <span class="pro-count white">02</span>
                  </a>
                  <div class="cart-dropdown-wrap cart-dropdown-hm2">
                    <ul>
                      <li>
                        <div class="shopping-cart-img">
                          <a href="/product/right"
                            ><img
                              alt="wowy"
                              src="/static/imgs/shop/thumbnail-3.jpg"
                          /></a>
                        </div>
                        <div class="shopping-cart-title">
                          <h4>
                            <a href="/product/right"
                              >Apple Watch Serial 7</a
                            >
                          </h4>
                          <h3><span>1 × </span>$800.00</h3>
                        </div>
                        <div class="shopping-cart-delete">
                          <a href="#"><i class="far fa-times"></i></a>
                        </div>
                      </li>
                      <li>
                        <div class="shopping-cart-img">
                          <a href="/product/right"
                            ><img
                              alt="wowy"
                              src="/static/imgs/shop/thumbnail-4.jpg"
                          /></a>
                        </div>
                        <div class="shopping-cart-title">
                          <h4>
                            <a href="/product/right"
                              >Macbook Pro 2022</a
                            >
                          </h4>
                          <h3><span>1 × </span>$3500.00</h3>
                        </div>
                        <div class="shopping-cart-delete">
                          <a href="#"><i class="far fa-times"></i></a>
                        </div>
                      </li>
                    </ul>
                    <div class="shopping-cart-footer">
                      <div class="shopping-cart-total">
                        <h4>Total <span>$383.00</span></h4>
                      </div>
                      <div class="shopping-cart-button">
                        <a href="/cart">View cart</a>
                        <a href="/checkout">Checkout</a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="header-action-icon-2">
                  <a href="/auth">
                    <img
                      alt="wowy"
                      src="/static/imgs/theme/icons/icon-user-white.svg"
                    />
                  </a>
                </div>
                <div class="header-action-icon-2 d-block d-lg-none">
                  <div class="burger-icon burger-icon-white">
                    <span class="burger-icon-top"></span>
                    <span class="burger-icon-mid"></span>
                    <span class="burger-icon-bottom"></span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>
    <div class="mobile-header-active mobile-header-wrapper-style">
      <div class="mobile-header-wrapper-inner">
        <div class="mobile-header-top">
          <div class="mobile-header-logo">
            <a href="/"
              ><img src="/static/imgs/theme/logo-default.png" alt="logo"
            /></a>
          </div>
          <div
            class="mobile-menu-close close-style-wrap close-style-position-inherit"
          >
            <button class="close-style search-close">
              <i class="icon-top"></i>
              <i class="icon-bottom"></i>
            </button>
          </div>
        </div>
        <div class="mobile-header-content-area">
          <div class="mobile-search search-style-3 mobile-header-border">
            <form action="#">
              <input type="text" placeholder="Search…" />
              <button type="submit"><i class="far fa-search"></i></button>
            </form>
          </div>
          <div class="mobile-menu-wrap mobile-header-border">
            <div class="main-categori-wrap mobile-header-border">
              <a class="categori-button-active-2" href="#">
                <span class="far fa-bars"></span> Browse Categories
                <i class="down far fa-chevron-down"></i>
              </a>
              <div
                class="categori-dropdown-wrap categori-dropdown-active-small"
              >
                <ul>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-dress"></i>Women's Clothing</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-tshirt"></i>Men's Clothing</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-smartphone"></i> Cellphones</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-desktop"></i>Computer & Office</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-cpu"></i>Consumer Electronics</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-home"></i>Home & Garden</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-high-heels"></i>Shoes</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-teddy-bear"></i>Mother & Kids</a
                    >
                  </li>
                  <li>
                    <a href="/shop/right"
                      ><i class="wowy-font-kite"></i>Outdoor fun</a
                    >
                  </li>
                </ul>
              </div>
            </div>
            <!-- mobile menu start -->
            <nav>
              <ul class="mobile-menu">
                <li class="menu-item-has-children">
                  <span class="menu-expand"></span><a href="/">Home</a>
                  <ul class="dropdown">
                    <li><a href="/">Home 1</a></li>
                    <li><a href="index-2.html">Home 2</a></li>
                    <li><a href="index-3.html">Home 3</a></li>
                    <li><a href="index-4.html">Home 4</a></li>
                  </ul>
                </li>
                <li class="menu-item-has-children">
                  <span class="menu-expand"></span
                  ><a href="/shop/right">shop</a>
                  <ul class="dropdown">
                    <li>
                      <a href="/shop/right"
                        >Shop Grid – Right Sidebar</a
                      >
                    </li>
                    <li>
                      <a href="/shop/left">Shop Grid – Left Sidebar</a>
                    </li>
                    <li>
                      <a href="/shop/listRight"
                        >Shop List – Right Sidebar</a
                      >
                    </li>
                    <li>
                      <a href="/shop/listLeft">Shop List – Left Sidebar</a>
                    </li>
                    <li><a href="/shop">Shop - Wide</a></li>
                    <li class="menu-item-has-children">
                      <span class="menu-expand"></span
                      ><a href="#">Single Product</a>
                      <ul class="dropdown">
                        <li>
                          <a href="/product/right"
                            >Product – Right Sidebar</a
                          >
                        </li>
                        <li>
                          <a href="/product/left"
                            >Product – Left Sidebar</a
                          >
                        </li>
                        <li>
                          <a href="/product"
                            >Product – No sidebar</a
                          >
                        </li>
                      </ul>
                    </li>
                    <li><a href="/filter">Shop – Filter</a></li>
                    <li><a href="/wishlist">Shop – Wishlist</a></li>
                    <li><a href="/cart">Shop – Cart</a></li>
                    <li><a href="/checkout">Shop – Checkout</a></li>
                    <li><a href="/compare">Shop – Compare</a></li>
                  </ul>
                </li>
                <li class="menu-item-has-children">
                  <span class="menu-expand"></span><a href="#">Mega menu</a>
                  <ul class="dropdown">
                    <li class="menu-item-has-children">
                      <span class="menu-expand"></span
                      ><a href="#">Women's Fashion</a>
                      <ul class="dropdown">
                        <li><a href="/product/right">Dresses</a></li>
                        <li>
                          <a href="/product/right">Blouses & Shirts</a>
                        </li>
                        <li>
                          <a href="/product/right"
                            >Hoodies & Sweatshirts</a
                          >
                        </li>
                        <li>
                          <a href="/product/right">Women's Sets</a>
                        </li>
                      </ul>
                    </li>
                    <li class="menu-item-has-children">
                      <span class="menu-expand"></span
                      ><a href="#">Men's Fashion</a>
                      <ul class="dropdown">
                        <li><a href="/product/right">Jackets</a></li>
                        <li>
                          <a href="/product/right"
                            >Casual Faux Leather</a
                          >
                        </li>
                        <li>
                          <a href="/product/right">Genuine Leather</a>
                        </li>
                      </ul>
                    </li>
                    <li class="menu-item-has-children">
                      <span class="menu-expand"></span
                      ><a href="#">Technology</a>
                      <ul class="dropdown">
                        <li>
                          <a href="/product/right">Gaming Laptops</a>
                        </li>
                        <li>
                          <a href="/product/right"
                            >Ultraslim Laptops</a
                          >
                        </li>
                        <li><a href="/product/right">Tablets</a></li>
                        <li>
                          <a href="/product/right"
                            >Laptop Accessories</a
                          >
                        </li>
                        <li>
                          <a href="/product/right"
                            >Tablet Accessories</a
                          >
                        </li>
                      </ul>
                    </li>
                  </ul>
                </li>
                <li class="menu-item-has-children">
                  <span class="menu-expand"></span
                  ><a href="/category">Blog</a>
                  <ul class="dropdown">
                    <li>
                      <a href="/blog/grid">Blog Category Grid</a>
                    </li>
                    <li>
                      <a href="/blog/list">Blog Category List</a>
                    </li>
                    <li>
                      <a href="/blog/big">Blog Category Big</a>
                    </li>
                    <li>
                      <a href="/category"
                        >Blog Category Wide</a
                      >
                    </li>
                    <li class="menu-item-has-children">
                      <span class="menu-expand"></span
                      ><a href="#">Single Product Layout</a>
                      <ul class="dropdown">
                        <li><a href="/post/left">Left Sidebar</a></li>
                        <li>
                          <a href="/post/right">Right Sidebar</a>
                        </li>
                        <li>
                          <a href="/post">No Sidebar</a>
                        </li>
                      </ul>
                    </li>
                  </ul>
                </li>
                <li class="menu-item-has-children">
                  <span class="menu-expand"></span><a href="#">Pages</a>
                  <ul class="dropdown">
                    <li><a href="/about">About Us</a></li>
                    <li><a href="/contact">Contact</a></li>
                    <li><a href="/account">My Account</a></li>
                    <li>
                      <a href="/auth">login/register</a>
                    </li>
                    <li>
                      <a href="/purchaseGuide">Purchase Guide</a>
                    </li>
                    <li>
                      <a href="/privacyPolicy">Privacy Policy</a>
                    </li>
                    <li><a href="/terms">Terms of Service</a></li>
                    <li><a href="/error">404 Page</a></li>
                  </ul>
                </li>
              </ul>
            </nav>
            <!-- mobile menu end -->
          </div>
          <div class="mobile-header-info-wrap mobile-header-border">
            <div class="single-mobile-header-info">
              <a class="mobile-language-active" href="#"
                >Language <span><i class="far fa-angle-down"></i></span
              ></a>
              <div class="lang-curr-dropdown lang-dropdown-active">
                <ul>
                  <li><a href="#">English</a></li>
                  <li><a href="#">French</a></li>
                  <li><a href="#">German</a></li>
                  <li><a href="#">Spanish</a></li>
                </ul>
              </div>
            </div>
            <div class="single-mobile-header-info mt-30">
              <a target="_blank" href="page-location.html"> Our location </a>
            </div>
            <div class="single-mobile-header-info">
              <a href="/auth">Log In / Sign Up </a>
            </div>
            <div class="single-mobile-header-info">
              <a href="#">(+01) - 2345 - 6789 </a>
            </div>
          </div>
          <div class="mobile-social-icon">
            <a class="facebook" href="#">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
                <path
                  d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"
                />
              </svg>
            </a>
            <a class="twitter" href="#">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
                <path
                  d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"
                />
              </svg>
            </a>
            <a class="tumblr" href="#">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
                <path
                  d="M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1 .8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5 .9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z"
                />
              </svg>
            </a>
            <a class="instagram" href="#">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
                <path
                  d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"
                />
              </svg>
            </a>
          </div>
        </div>
      </div>
    </div>
    <main class="main">
      <div class="page-header breadcrumb-wrap">
        <div class="container">
          <div class="breadcrumb">
            <a href="/" rel="nofollow">Home</a>
            <span></span> Shop
          </div>
        </div>
      </div>
      <section class="mt-60 mb-60">
        <div class="container">
          <div class="row flex-row-reverse">
            <div class="col-lg-9">
              <div class="shop-product-fillter">
                <div class="totall-product">
                  <p>
                    We found <strong class="text-brand">688</strong> items for
                    you!
                  </p>
                </div>
                <div class="sort-by-product-area">
                  <div class="sort-by-cover mr-10">
                    <div class="sort-by-product-wrap">
                      <div class="sort-by">
                        <span><i class="fa fa-th"></i>Show:</span>
                      </div>
                      <div class="sort-by-dropdown-wrap">
                        <span> 50 <i class="far fa-angle-down"></i></span>
                      </div>
                    </div>
                    <div class="sort-by-dropdown">
                      <ul>
                        <li><a class="active" href="#">50</a></li>
                        <li><a href="#">100</a></li>
                        <li><a href="#">150</a></li>
                        <li><a href="#">200</a></li>
                        <li><a href="#">All</a></li>
                      </ul>
                    </div>
                  </div>
                  <div class="sort-by-cover">
                    <div class="sort-by-product-wrap">
                      <div class="sort-by">
                        <span
                          ><i class="fa fa-sort-amount-down"></i>Sort by:</span
                        >
                      </div>
                      <div class="sort-by-dropdown-wrap">
                        <span> Featured <i class="far fa-angle-down"></i></span>
                      </div>
                    </div>
                    <div class="sort-by-dropdown">
                      <ul>
                        <li><a class="active" href="#">Featured</a></li>
                        <li><a href="#">Price: Low to High</a></li>
                        <li><a href="#">Price: High to Low</a></li>
                        <li><a href="#">Release Date</a></li>
                        <li><a href="#">Avg. Rating</a></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
              <div class="row product-grid-3">
                <div class="col-lg-4 col-md-4 col-12 col-sm-6">
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-2-1.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-2-2.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a aria-label="Quick view" class="action-btn hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="hot">Hot</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Music</a>
                      </div>
                      <h2>
                        <a href="/product/right"
                          >Headphone Ultra Bass</a
                        >
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>90%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$238.85 </span>
                        <span class="old-price">$245.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12 col-sm-6">
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-3-1.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-3-2.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a aria-label="Quick view" class="action-btn hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="new">New</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Music</a>
                      </div>
                      <h2>
                        <a href="/product/right">Smart Home Speaker</a>
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>50%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$138.85 </span>
                        <span class="old-price">$255.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12 col-sm-6">
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-7-1.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-7-2.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a aria-label="Quick view" class="action-btn hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="best">Best Sell</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Watch</a>
                      </div>
                      <h2>
                        <a href="/product/right"
                          >Apple Watch Serial 7</a
                        >
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>95%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$338.85 </span>
                        <span class="old-price">$445.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12 col-sm-6">
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-1-2.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-1-3.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a aria-label="Quick view" class="action-btn hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="sale">Sale</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Music</a>
                      </div>
                      <h2>
                        <a href="/product/right"
                          >Boxed - Bluetooth Headphone</a
                        >
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>70%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$123.85 </span>
                        <span class="old-price">$235.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12 col-sm-6">
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-4-1.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-3-4.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a aria-label="Quick view" class="action-btn hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="hot">-30%</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Speaker</a>
                      </div>
                      <h2>
                        <a href="/product/right"
                          >Chikie - Bluetooth Speaker</a
                        >
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>70%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$28.85 </span>
                        <span class="old-price">$45.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12 col-sm-6">
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-5-2.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-5-3.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a aria-label="Quick view" class="action-btn hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="hot">-22%</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Camera</a>
                      </div>
                      <h2>
                        <a href="/product/right"
                          >Camera Hikvision HK-35VS8</a
                        >
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>70%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$238.85 </span>
                        <span class="old-price">$245.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12 col-sm-6">
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-8-2.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-8-1.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a aria-label="Quick view" class="action-btn hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="new">New</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Phone</a>
                      </div>
                      <h2>
                        <a href="/product/right"
                          >Apple iPhone 13 Plus</a
                        >
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>98%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$1275.85 </span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12 col-sm-6">
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-11-1.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-11-2.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a aria-label="Quick view" class="action-btn hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Accessories </a>
                      </div>
                      <h2>
                        <a href="/product/right">Leather Watch Band</a>
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>70%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$238.85 </span>
                        <span class="old-price">$245.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12 col-sm-6">
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-13-1.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-13-2.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a aria-label="Quick view" class="action-btn hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Accessories </a>
                      </div>
                      <h2>
                        <a href="/product/right">Leather Watch Band</a>
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>70%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$238.85 </span>
                        <span class="old-price">$245.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12 col-sm-6">
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-3-3.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-3-2.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a aria-label="Quick view" class="action-btn hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="hot">Hot</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Music</a>
                      </div>
                      <h2>
                        <a href="/product/right"
                          >Headphone Ultra Bass</a
                        >
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>90%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$238.85 </span>
                        <span class="old-price">$245.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12 col-sm-6">
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-2-4.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-2-3.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a aria-label="Quick view" class="action-btn hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="new">New</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Music</a>
                      </div>
                      <h2>
                        <a href="/product/right">Smart Home Speaker</a>
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>50%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$138.85 </span>
                        <span class="old-price">$255.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-4 col-md-4 col-12 col-sm-6">
                  <div class="product-cart-wrap mb-30">
                    <div class="product-img-action-wrap">
                      <div class="product-img product-img-zoom">
                        <a href="/product/right">
                          <img
                            class="default-img"
                            src="/static/imgs/shop/product-7-2.jpg"
                            alt=""
                          />
                          <img
                            class="hover-img"
                            src="/static/imgs/shop/product-7-1.jpg"
                            alt=""
                          />
                        </a>
                      </div>
                      <div class="product-action-1">
                        <a aria-label="Quick view" class="action-btn hover-up"
                          ><i class="far fa-search"></i
                        ></a>
                        <a
                          aria-label="Add To Wishlist"
                          class="action-btn hover-up"
                          href="/wishlist"
                          ><i class="far fa-heart"></i
                        ></a>
                        <a
                          aria-label="Compare"
                          class="action-btn hover-up"
                          href="/compare"
                          ><i class="far fa-exchange-alt"></i
                        ></a>
                      </div>
                      <div
                        class="product-badges product-badges-position product-badges-mrg"
                      >
                        <span class="best">Best Sell</span>
                      </div>
                    </div>
                    <div class="product-content-wrap">
                      <div class="product-category">
                        <a href="/shop/right">Watch</a>
                      </div>
                      <h2>
                        <a href="/product/right"
                          >Apple Watch Serial 7</a
                        >
                      </h2>
                      <div class="rating-result" title="90%">
                        <span>
                          <span>95%</span>
                        </span>
                      </div>
                      <div class="product-price">
                        <span>$338.85 </span>
                        <span class="old-price">$445.8</span>
                      </div>
                      <div class="product-action-1 show">
                        <a
                          aria-label="Add To Cart"
                          class="action-btn hover-up"
                          href="/cart"
                          ><i class="far fa-shopping-bag"></i
                        ></a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!--pagination-->
              <div class="pagination-area mt-15 mb-md-5 mb-lg-0">
                <nav aria-label="Page navigation example">
                  <ul class="pagination justify-content-start">
                    <li class="page-item active">
                      <a class="page-link" href="#">01</a>
                    </li>
                    <li class="page-item">
                      <a class="page-link" href="#">02</a>
                    </li>
                    <li class="page-item">
                      <a class="page-link" href="#">03</a>
                    </li>
                    <li class="page-item">
                      <a class="page-link dot" href="#">...</a>
                    </li>
                    <li class="page-item">
                      <a class="page-link" href="#">16</a>
                    </li>
                    <li class="page-item">
                      <a class="page-link" href="#"
                        ><i class="fa fa-angle-right"></i>
                      </a>
                    </li>
                  </ul>
                </nav>
              </div>
            </div>
            <div class="col-lg-3 primary-sidebar sticky-sidebar">
              <div class="widget-area">
                <!--Widget categories-->
                <div
                  class="sidebar-widget widget_categories mb-30 p-30 bg-grey border-radius-10"
                >
                  <div class="widget-header position-relative mb-20 pb-10">
                    <h5 class="widget-title mb-10">Categories</h5>
                    <div class="bt-1 border-color-1"></div>
                  </div>
                  <div class="">
                    <ul class="categor-list">
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Jacket</a>(125)
                      </li>
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Jeans</a>(68)
                      </li>
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Sweatshirts</a>(284)
                      </li>
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Trousers</a>(274)
                      </li>
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Kitwears</a>(152)
                      </li>
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Sportswear</a>(302)
                      </li>
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Accessories</a>(168)
                      </li>
                    </ul>
                  </div>
                </div>
                <!-- Fillter By Price -->
                <div class="sidebar-widget price_range range mb-30">
                  <div class="widget-header position-relative mb-20 pb-10">
                    <h5 class="widget-title mb-10">Fill by price</h5>
                    <div class="bt-1 border-color-1"></div>
                  </div>
                  <div class="price-filter">
                    <div class="price-filter-inner">
                      <div id="slider-range"></div>
                      <div class="price_slider_amount">
                        <div class="label-input">
                          <span>Range:</span
                          ><input
                            type="text"
                            id="amount"
                            name="price"
                            placeholder="Add Your Price"
                          />
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="list-group">
                    <div class="list-group-item mb-10 mt-10">
                      <label class="fw-900">Color</label>
                      <div class="custome-checkbox">
                        <input
                          class="form-check-input"
                          type="checkbox"
                          name="checkbox"
                          id="exampleCheckbox1"
                          value=""
                        />
                        <label class="form-check-label" for="exampleCheckbox1"
                          ><span>Red (56)</span></label
                        >
                        <br />
                        <input
                          class="form-check-input"
                          type="checkbox"
                          name="checkbox"
                          id="exampleCheckbox2"
                          value=""
                        />
                        <label class="form-check-label" for="exampleCheckbox2"
                          ><span>Green (78)</span></label
                        >
                        <br />
                        <input
                          class="form-check-input"
                          type="checkbox"
                          name="checkbox"
                          id="exampleCheckbox3"
                          value=""
                        />
                        <label class="form-check-label" for="exampleCheckbox3"
                          ><span>Blue (54)</span></label
                        >
                      </div>
                      <label class="fw-900 mt-15">Item Condition</label>
                      <div class="custome-checkbox">
                        <input
                          class="form-check-input"
                          type="checkbox"
                          name="checkbox"
                          id="exampleCheckbox11"
                          value=""
                        />
                        <label class="form-check-label" for="exampleCheckbox11"
                          ><span>New (1506)</span></label
                        >
                        <br />
                        <input
                          class="form-check-input"
                          type="checkbox"
                          name="checkbox"
                          id="exampleCheckbox21"
                          value=""
                        />
                        <label class="form-check-label" for="exampleCheckbox21"
                          ><span>Refurbished (27)</span></label
                        >
                        <br />
                        <input
                          class="form-check-input"
                          type="checkbox"
                          name="checkbox"
                          id="exampleCheckbox31"
                          value=""
                        />
                        <label class="form-check-label" for="exampleCheckbox31"
                          ><span>Used (45)</span></label
                        >
                      </div>
                    </div>
                  </div>
                  <a href="/shop/right" class="btn btn-sm btn-default"
                    ><i class="fa fa-filter mr-5 ml-0"></i> Fillter</a
                  >
                </div>
                <!-- Product sidebar Widget -->
                <div
                  class="sidebar-widget product-sidebar mb-30 p-30 bg-grey border-radius-10"
                >
                  <div class="widget-header position-relative mb-20 pb-10">
                    <h5 class="widget-title mb-10">New products</h5>
                    <div class="bt-1 border-color-1"></div>
                  </div>
                  <div class="single-post clearfix">
                    <div class="image">
                      <img src="/static/imgs/shop/thumbnail-3.jpg" alt="#" />
                    </div>
                    <div class="content pt-10">
                      <h5>
                        <a href="/product">Chen Cardigan</a>
                      </h5>
                      <p class="price mb-0 mt-5">$99.50</p>
                      <div class="product-rate">
                        <div class="product-rating" style="width: 90%"></div>
                      </div>
                    </div>
                  </div>
                  <div class="single-post clearfix">
                    <div class="image">
                      <img src="/static/imgs/shop/thumbnail-4.jpg" alt="#" />
                    </div>
                    <div class="content pt-10">
                      <h6>
                        <a href="/product">Chen Sweater</a>
                      </h6>
                      <p class="price mb-0 mt-5">$89.50</p>
                      <div class="product-rate">
                        <div class="product-rating" style="width: 80%"></div>
                      </div>
                    </div>
                  </div>
                  <div class="single-post clearfix">
                    <div class="image">
                      <img src="/static/imgs/shop/thumbnail-5.jpg" alt="#" />
                    </div>
                    <div class="content pt-10">
                      <h6>
                        <a href="/product">Colorful Jacket</a>
                      </h6>
                      <p class="price mb-0 mt-5">$25</p>
                      <div class="product-rate">
                        <div class="product-rating" style="width: 60%"></div>
                      </div>
                    </div>
                  </div>
                </div>
                <!--Widget ads-->
                <div class="sidebar-widget widget-ads mb-30">
                  <div
                    class="banner-img banner-1 wow fadeIn animated"
                    style="visibility: visible; animation-name: fadeIn"
                  >
                    <img
                      class="border-radius-10"
                      src="/static/imgs/banner/banner-5.jpg"
                      alt=""
                    />
                    <div class="banner-text">
                      <span>Gaming Area</span>
                      <h4>Save 17% on <br />Assus Laptop</h4>
                      <a href="/shop/right"
                        >Shop Now <i class="fa fa-arrow-right"></i
                      ></a>
                    </div>
                  </div>
                </div>
                <!--Widget categories-->
                <div
                  class="sidebar-widget widget_categories mb-50 p-30 bg-grey border-radius-10"
                >
                  <div class="widget-header position-relative mb-20 pb-10">
                    <h5 class="widget-title mb-10">Manufacturers</h5>
                    <div class="bt-1 border-color-1"></div>
                  </div>
                  <div class="">
                    <ul class="categor-list">
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Adidas</a>(125)
                      </li>
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Armani</a>(68)
                      </li>
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Burberry</a>(274)
                      </li>
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Chanel</a>(152)
                      </li>
                      <li class="cat-item text-muted">
                        <a href="/shop/right">Prada</a>(302)
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    </main>
    <footer class="main">
      <section class="newsletter bg-brand p-30 text-white wow fadeIn animated">
        <div class="container">
          <div class="row align-items-center">
            <div class="col-lg-7 mb-md-3 mb-lg-0">
              <div class="row align-items-center">
                <div class="col flex-horizontal-center">
                  <img
                    class="icon-email"
                    src="/static/imgs/theme/icons/icon-email.svg"
                    alt=""
                  />
                  <h4 class="font-size-20 mb-0 ml-3">Sign up to Newsletter</h4>
                </div>
                <div class="col my-4 my-md-0">
                  <h5 class="font-size-15 ml-4 mb-0">
                    ...and receive
                    <strong>$25 coupon for first shopping.</strong>
                  </h5>
                </div>
              </div>
            </div>
            <div class="col-lg-5">
              <!-- Subscribe Form -->
              <form class="form-subcriber d-flex wow fadeIn animated">
                <input
                  type="email"
                  class="form-control bg-white font-small"
                  placeholder="Enter your email"
                />
                <button class="btn bg-dark text-white" type="submit">
                  Subscribe
                </button>
              </form>
              <!-- End Subscribe Form -->
            </div>
          </div>
        </div>
      </section>
      <section class="section-padding-60">
        <div class="container">
          <div class="row">
            <div class="col-lg-4 col-md-6">
              <div class="widget-about font-md mb-md-5 mb-lg-0">
                <div class="logo logo-width-1 wow fadeIn animated">
                  <a href="/"
                    ><img src="/static/imgs/theme/logo-default.png" alt="logo"
                  /></a>
                </div>
                <h4 class="mt-20 mb-10 fw-600 text-grey-4 wow fadeIn animated">
                  Contact
                </h4>
                <p class="wow fadeIn animated">
                  <strong>Address: </strong>562 Wellington Road, Street 32, San
                  Francisco
                </p>
                <p class="wow fadeIn animated">
                  <strong>Phone: </strong>+01 2222 365 /(+91) 01 2345 6789
                </p>
                <p class="wow fadeIn animated">
                  <strong>Hours: </strong>10:00 - 18:00, Mon - Sat
                </p>
                <h4 class="mb-10 mt-20 fw-600 text-grey-4 wow fadeIn animated">
                  Follow Us
                </h4>
                <div
                  class="mobile-social-icon wow fadeIn animated mb-sm-5 mb-md-0"
                >
                  <a class="facebook" href="#">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      viewBox="0 0 320 512"
                    >
                      <path
                        d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"
                      />
                    </svg>
                  </a>
                  <a class="twitter" href="#">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      viewBox="0 0 512 512"
                    >
                      <path
                        d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"
                      />
                    </svg>
                  </a>
                  <a class="tumblr" href="#">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      viewBox="0 0 320 512"
                    >
                      <path
                        d="M309.8 480.3c-13.6 14.5-50 31.7-97.4 31.7-120.8 0-147-88.8-147-140.6v-144H17.9c-5.5 0-10-4.5-10-10v-68c0-7.2 4.5-13.6 11.3-16 62-21.8 81.5-76 84.3-117.1 .8-11 6.5-16.3 16.1-16.3h70.9c5.5 0 10 4.5 10 10v115.2h83c5.5 0 10 4.4 10 9.9v81.7c0 5.5-4.5 10-10 10h-83.4V360c0 34.2 23.7 53.6 68 35.8 4.8-1.9 9-3.2 12.7-2.2 3.5 .9 5.8 3.4 7.4 7.9l22 64.3c1.8 5 3.3 10.6-.4 14.5z"
                      />
                    </svg>
                  </a>
                  <a class="instagram" href="#">
                    <svg
                      xmlns="http://www.w3.org/2000/svg"
                      viewBox="0 0 448 512"
                    >
                      <path
                        d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"
                      />
                    </svg>
                  </a>
                </div>
              </div>
            </div>
            <div class="col-lg-2 col-md-3">
              <h5 class="widget-title mb-30 wow fadeIn animated">About</h5>
              <ul class="footer-list wow fadeIn animated mb-sm-5 mb-md-0">
                <li><a href="#">About Us</a></li>
                <li><a href="#">Delivery Information</a></li>
                <li><a href="#">Privacy Policy</a></li>
                <li><a href="#">Terms &amp; Conditions</a></li>
                <li><a href="#">Contact Us</a></li>
              </ul>
            </div>
            <div class="col-lg-2 col-md-3">
              <h5 class="widget-title mb-30 wow fadeIn animated">My Account</h5>
              <ul class="footer-list wow fadeIn animated">
                <li><a href="#">Sign In</a></li>
                <li><a href="#">View Cart</a></li>
                <li><a href="#">My Wishlist</a></li>
                <li><a href="#">Track My Order</a></li>
                <li><a href="#">Help</a></li>
                <li><a href="#">Order</a></li>
              </ul>
            </div>
            <div class="col-lg-4">
              <h5 class="widget-title mb-30 wow fadeIn animated">
                Download Our App
              </h5>
              <div class="row">
                <div class="col-md-8 col-lg-12">
                  <p class="wow fadeIn animated">
                    From App Store or Google Play
                  </p>
                  <div class="download-app wow fadeIn animated">
                    <a href="#" class="hover-up mb-sm-4"
                      ><img src="/static/imgs/theme/app-store.jpg" alt=""
                    /></a>
                    <a href="#" class="hover-up"
                      ><img src="/static/imgs/theme/google-play.jpg" alt=""
                    /></a>
                  </div>
                </div>
                <div class="col-md-4 col-lg-12">
                  <p class="mb-20 wow fadeIn animated mt-md-3">
                    Secured Payment Gateways
                  </p>
                  <img
                    class="wow fadeIn animated"
                    src="/static/imgs/theme/payment-method.png"
                    alt=""
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <div class="container pb-20 wow fadeIn animated">
        <div class="row">
          <div class="col-12 mb-20">
            <div class="footer-bottom"></div>
          </div>
          <div class="col-lg-6">
            <p class="float-md-left font-sm text-muted mb-0">
              &copy; 2025,
              <a
                target="_blank"
                href="https://www.mobanwang.com/"
                title="网站模板"
                >网站模板</a
              >
            </p>
          </div>
          <div class="col-lg-6">
            <p class="text-lg-end text-start font-sm text-muted mb-0">
              All rights reserved.
            </p>
          </div>
        </div>
      </div>
    </footer>
    <!-- Preloader Start -->
    <div id="preloader-active">
      <div class="preloader d-flex align-items-center justify-content-center">
        <div class="preloader-inner position-relative">
          <div class="text-center">
            <img class="jump" src="/static/imgs/theme/favico.svg" alt="" />
            <h5 class="mb-5">Now Loading</h5>
            <div class="loader">
              <div class="bar bar1"></div>
              <div class="bar bar2"></div>
              <div class="bar bar3"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- Vendor JS-->
    <script src="/static/js/vendor/modernizr-3.6.0.min.js"></script>
    <script src="/static/js/vendor/jquery-3.7.1.min.js"></script>
    <script src="/static/js/vendor/jquery-migrate-3.3.0.min.js"></script>
    <script src="/static/js/vendor/bootstrap.bundle.min.js"></script>
    <script src="/static/js/plugins/slick.js"></script>
    <script src="/static/js/plugins/jquery.syotimer.min.js"></script>
    <script src="/static/js/plugins/wow.js"></script>
    <script src="/static/js/plugins/jquery-ui.js"></script>
    <script src="/static/js/plugins/perfect-scrollbar.js"></script>
    <script src="/static/js/plugins/magnific-popup.js"></script>
    <script src="/static/js/plugins/select2.min.js"></script>
    <script src="/static/js/plugins/waypoints.js"></script>
    <script src="/static/js/plugins/counterup.js"></script>
    <script src="/static/js/plugins/jquery.countdown.min.js"></script>
    <script src="/static/js/plugins/images-loaded.js"></script>
    <script src="/static/js/plugins/isotope.js"></script>
    <script src="/static/js/plugins/scrollup.js"></script>
    <script src="/static/js/plugins/jquery.vticker-min.js"></script>
    <script src="/static/js/plugins/jquery.theia.sticky.js"></script>
    <!-- Template  JS -->
    <script src="/static/js/main.js?v=5.4"></script>
  </body>
</html>
